
// 收入情况
layui.use([ 'form', 'layer' ], function() {
	var form = layui.form, 
	    layer = layui.layer, 
	    $ = layui.jquery;

	
	// 动态加载车库下拉框内容
	$.ajax({
        url: '/statistics/getWebsite',
        dataType: 'json',
        type: 'get',
        success: function (data) {
        	console.log(data);
            let str="";
            for(let i of data){
            	str+='<option value='+i+'>'+i+'</option>';
            }
            $("#parking").html(str);
            form.render();
            // 重新渲染 固定写法
        }
    });
	
// var incomeData; // 收入
	var incomeChart = showIncome();    // 显示收入图表
   
	form.on('submit(searchIncome)', function(data) {	
		 var website=$("#parking").val();
		 console.log(website);
		// 数据
	
		console.log(data.field);
			
			
			// 请求收入情况
			$.ajax({
				url : `/statistics/getReDu?website=${website}`,
				type : 'get',
				success : function(result) {
					console.log(result);
					;
					var xName = "分类";    // x轴名字
							
					
					var xData=new Array();    // x轴坐标
					var yData=new Array();    // y轴坐标
					var sData=new Array();    // 实际内容
					var yMax=0;
					for(var i=0;i<result.length;i++){
						xData[i]=result[i].type;
						sData[i]=result[i].redu;
						// 找出y轴最大值
						if(yMax<=result[i].redu)
							yMax=result[i].redu;
					}
					yMax = Math.ceil(yMax) ;
					console.log(yMax);
					
					if (result) {
						// 重新渲染柱状图
						incomeChart.setOption({
							xAxis : {
								// x轴的下标刻度 -- 根据后台传回数据设置
								name: xName,
								data: xData
							},
							yAxis : {
							// y轴的下标刻度 -- 根据后台传回数据设置
								max: yMax
							},
							// 柱状图每一项对应的值
							series : [ {
								name : '热度',
								data : sData // -- 根据后台传回数据设置
							} ]
						});
	
					}
	
				},
				error : function(data) {
					console.log("提交失败");
				}
			});
			
		

	});
});

// 收入柱状图1
function showIncome() {
	// 基于准备好的dom，初始化echarts实例
	var incomeChart = echarts.init(document.getElementById('bar1'));

	// 指定图表的配置项和数据
	var option = {
		title : {
			text : '各网站如的情况'
		// subtext: '纯属虚构'
		},
		color : [ '#3398DB' ],
		tooltip : {
			trigger : 'axis',
			axisPointer : { // 坐标轴指示器，坐标轴触发有效
				type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		toolbox: {
            show: true,
            feature: {
                saveAsImage: {}
            }
        },
		grid : {
			left : '3%',
			right : '10%',
			bottom : '3%',
			containLabel : true
		},
		xAxis : [ {
			type : 'category',
			name : "时间",
		                  axisLabel: { //设置x轴的字
	                                 show:true,
	                                 interval:0,//使x轴横坐标全部显示
	            
	            },
			axisTick : {
				alignWithLabel : true
			}
		} ],
		yAxis : [ {
			type : 'value',
			name : "热度值",
// data : []
			min: 0,
			max: 1000,
			splitNumber: 6
		} ],
		series : [ {
			name : '收入',
			type : 'bar',
			barWidth : '40%',
			data : []
		} ]
	};

	// 使用刚指定的配置项和数据显示图表。
	incomeChart.setOption(option);
	return incomeChart;
}
